<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /* div的兄弟元素 +p 紧紧相连的，也就是说div下面 不会往上看这种叫相邻兄弟选择器*/
      /* div + p {
        color: red;
      } */

      /* 选中div后，所有的p元素 */
      div ~ p {
        color: red;
      }

      li + li {
        color: gold;
      }
    </style>
  </head>
  <body>
    <div>尚硅谷</div>
    <h1>Go语言</h1>
    <p>JavaScript</p>
    <p>前端</p>
    <p>大数据开发</p>

    <ul>
      <li>主页</li>
      <li>秒杀</li>
      <li>订单</li>
      <li>我的</li>
    </ul>
  </body>
</html>
